.knowledgeEditor{
    width: 100%;
    height: 100%;
    display: flex;
    .left{
        background-color: #eee;
        width: 18%;
        padding: 12px 12px;
        >div:nth-child(1){
            display: flex;
            height: 32px;
            justify-content: space-between;
            align-items: center;
            >div{
                display: flex;
                width: 86.7px;
                height: 32px;
                >img{
                    height: 32px;
                }
                >span{
                    margin: 0 0 0 8px;
                }
            }
        }
        >div:nth-child(2){
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 32px;
            margin-top: 16px;
            >button{
                width: 216px;
                height: 32px;
                padding: 4px 15px;
                font-size: 13px;
                border: 0;
                background: #fff;
            }
        }
        >div:nth-child(3){
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 24.5px;
            margin-top: 16px;
            >button{
                width: 66px;
                height: 24px;
                font-size: 13px;
                border: 0;
                background-color: #fff;
            }
        }   
    }
    .right{
        width: 92%;
    }
}





